Pen Animation

By using ScrollMagic.js and GreenSock.js, revealing animation combining interactivity can be developed. This is my most satisfying exercise.

Reveal Effect

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.

  1. Part 1

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

  2. Part 2

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

  3. Part 3

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

  4. Part 4

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

  5. Part 5

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

  6. Part 6

    Vivamus hendrerit in dui arcu sed erat molestie vehicula. Nullam in dui mauris.

Static Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.